<!--
 * @Descripttion: 
 * @version: 
 * @Author: huangyong
 * @Date: 2019-11-22 15:11:32
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2019-11-22 15:14:47
 -->
<template>
  <header class="header" ref="header">
    <i @click="goBack" class="back" >返回</i>
    <span>顶部</span>
  </header>
</template>
<script>
export default {
  name: "header-vue",
  methods: {
      goBack (){
          this.$router.back();
      }
  },
};
</script>
<style lang="less" scoped>
.header {
  width: 100%;
  font-size: 16px;
  color: #fff;
  background: rgb(50, 50, 163);
  text-align: center;
  line-height: 50px;
  top: 0;
  left: 0;
  position: relative;
}
.back{
   position: absolute; left: 15px; height: 50px;
}
</style>
